<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>Vue基础</title>
        <script src="https://cdn.bootcdn.net/ajax/libs/vue/2.6.12/vue.js"></script>
    </head>

    <body>
      <!-- 插值表达式 -->
       <div id="root">
        <p>{{title}}</p>
       <p>学校名称:{{name}}</p>
       <p>学校地址:{{address}}</p>
       <p>人名:{{person.name}}</p>
       <p>年龄:{{person.age}}</p>
       </div>
       <hr>
       <script>
        Vue.config.productionTip = true;
        new Vue({
            el:'#root',
            data:{
                title:'Vue2',
                name:'尚硅谷',
                address:'上海',
                person:{
                    name:'yyy',
                    age: 20,
                },
            },
        });
       </script>
    </body>
</html>
